<include file="public@head_top"/>
<include file="public@member_top"/>
</head>
<body class="bgeee">
<include file="public@head"/>

<div class="wrap clearfloat tc-main">
	<div class="row">
    
        <div class="col-lg-3 leftnav">
            <include file="public@usernav" />
        </div>
        
		<div class="col-lg-9 rightmain">

                <div class="card-header usertitle">
                    <ul class="nav nav-tabs card-header-tabs">
                      <li class="nav-item">
                        <a class="nav-link active" href="#one" data-toggle="tab"><i class="fa fa-exchange"></i> 绑定账号</a>
                      </li>
                    </ul>
                  </div>
                  
                <div class="tab-content usercontent listContentBlock">
                    <div class="tab-pane active" id="one">
                    
                    	<div class="card">
                          <div class="card-header">
                            手机号码绑定设置
                          </div>
                          <div class="card-body">
                          
                            	<if condition="!$mobile">
                                    <form class="js-ajax-form" action="{:url('user/Profile/bindingMobile')}" method="post">
                                            <div class="form-group row">
                                            	<label for="js-mobile-input" class="col-3 col-form-label">手机</label>
                                                <div class="col-9 col-sm-5 listbox">
                                                    <input type="text" class="form-control" placeholder="请输入手机号码" id="js-mobile-input" name="username">
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                            	<label for="input-mobile-captcha" class="col-3 col-form-label">验证码</label>
                                                <div class="col-9 col-sm-7 listbox">
                                                    <div class="row">
                                                        <div class="col-md-5">
                                                            <input type="text" name="captcha" placeholder="请输入验证码" id="input-mobile-captcha" class="form-control">
                                                        </div>
                                                        <div class="col-md-4 st-xm-mt10">
                                                            <captcha height="38" width="180" font-size="20"/>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <label for="input-mobile-verification_code" class="col-3 col-form-label">手机验证码</label>
                                                <div class="col-9 col-sm-7 listbox">
                                                    <div class="row">
                                                        <div class="col-md-5">
                                                            <input type="text" class="form-control" placeholder="请输入手机验证码" id="input-mobile-verification_code" name="verification_code">
                                                        </div>
                                                        <div class="col-md-4 st-xm-mt10">
                                                            <a style="color:#fff;" class="btn btn-secondary js-get-mobile-code" data-wait-msg="[second]后才能再次获取" data-mobile-input="#js-mobile-input" data-url="{:url('user/VerificationCode/send')}">获取手机验证码</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                            	 <label class="col-3 col-form-label"></label>
                                                <div class="col-9 col-sm-5 listbox">
                                                    <button type="submit" class="btn btn-success js-ajax-submit">验证</button>
                                                </div>
                                            </div>
                                    </form>
                                        <else />
                                        <div class="form-group row" style="margin-top:1rem;">
                                            <label for="js-mobile" class="col-3 col-form-label">手机</label>
                                            <div class="col-9 col-sm-7 listbox">
                                                <div class="row">
                                                    <div class="col-md-8">
                                                        <input type="text" class="form-control" placeholder="手机" id="js-mobile" name="mobile" value="{$mobile}" disabled>
                                                    </div>
                                                    <div class="col-md-4 st-xm-mt10">
                                                        <button type="submit" class="btn btn-success btn-block" disabled>已绑定手机</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </if>
                                    
                          </div>
                        </div>
                        
                        <div class="card" style="margin-top:20px;">
                          <div class="card-header">
                            电子邮箱绑定设置
                          </div>
                          <div class="card-body">
                          
                            	<if condition="empty($user_email)">
								<form class="js-ajax-form" action="{:url('user/Profile/bindingEmail')}" method="post">
										<div class="form-group row">
                                        	<label for="js-email-input" class="col-3 col-form-label">邮箱</label>
											<div class="col-9 col-sm-5 listbox">
												<input type="text" class="form-control" placeholder="请输入电子邮箱" id="js-email-input" name="username">
											</div>
										</div>
										<div class="form-group row">
                                        	<label for="input-email-captcha" class="col-3 col-form-label">验证码</label>
                                            <div class="col-9 col-sm-7 listbox">
                                                <div class="row">
                                                    <div class="col-md-5">
                                                        <input type="text" name="captcha" placeholder="请输入验证码" id="input-email-captcha" class="form-control">
                                                    </div>
                                                    <div class="col-md-4 st-xm-mt10">
                                                        <captcha height="38" width="180" font-size="20"/>
                                                    </div>
                                                </div>
                                            </div>
	                                    </div>
										<div class="form-group row">
                                        	<label for="input-email-verification_code" class="col-3 col-form-label">邮件验证码</label>
                                            <div class="col-9 col-sm-7 listbox">
                                                <div class="row">
                                                    <div class="col-md-5">
                                                        <input type="text" class="form-control" placeholder="请输入邮件验证码" id="input-email-verification_code" name="verification_code">
                                                    </div>
                                                    <div class="col-md-4 st-xm-mt10">
                                                        <a style="color:#fff;" class="btn btn-secondary js-get-email-code" data-wait-msg="[second]后才能再次获取" data-email-input="#js-email-input" data-url="{:url('user/VerificationCode/send')}" data-init-second-left="60">获取邮箱验证码</a>
                                                    </div>
                                                </div>
                                            </div>
										</div>
										<div class="form-group row">
                                            <label class="col-3 col-form-label"></label>
                                            <div class="col-9 col-sm-5 listbox">
                                                <button type="submit" class="btn btn-success js-ajax-submit">验证</button>
                                            </div>
                                        </div>
								</form>
								<else />
								<div class="form-group row" style="margin-top:1rem;">
									<label for="js-email" class="col-3 col-form-label">邮箱</label>
                                    <div class="col-9 col-sm-7 listbox">
                                        <div class="row">
                                            <div class="col-md-8">
                                                <input type="text" class="form-control" placeholder="邮箱" id="js-email" name="email" value="{$user_email}" disabled>
                                            </div>
                                            <div class="col-md-4 st-xm-mt10">
                                                <button type="submit" class="btn btn-secondary btn-block" disabled>已绑定邮箱</button>
                                            </div>
                                        </div>
                                    </div>
								</div>
							</if>
                                    
                          </div>
                        </div>
                        
                    </div>
                </div>
                
        </div>
        
    </div>
</div>
<!-- /container -->

<include file="public@footer"/>
<include file="public@member_scripts"/>
</body>    
</html>